<div class="dialog-container mdd-dialog mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog A07_MachineList-dialog c-mdd-page" ng-init="dialog.init();" style="background-color: #fafafa" page-type="Dialog" _transclude-elem="[object Object]">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="dialog._title | translate"></div>
        <!--More Menu-->

        <!--Close button-->
        <div class="kmi-side-btn right" ng-click="dialog.hide();">
            <img src="image/icons/clear.png" />
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content" style="flex: 1">
        <!--Page-->
        <div class="kmi-layout-page">
            <div class="mdd-layout__with-toolbar mdd-layout c-mdd-layout" layout-name="A07_MachineList" page-name="" page-type="Dialog" with-toolbar="Y" reload="N" _transclude-elem="[object Object]" style="grid-template-columns: repeat(2, auto 1fr)">
                <label class="label" ng-show="dialog._event['plot_no'].isShown != 'N'" style="" ng-bind="'A07_MachineList.columns.plot_no' | translate"></label>
                <div class="value" ng-show="dialog._event['plot_no'].isShown != 'N'" style=""><label class="value" ng-bind="dialog.dispatchItem.plot_no" mdl-toast="{{dialog.dispatchItem.plot_no}}" mdl-toast-passive="true"></label></div>
                <label class="label" ng-show="dialog._event['qty'].isShown != 'N'" style="" ng-bind="'A07_MachineList.columns.qty' | translate"></label>
                <div class="value" ng-show="dialog._event['qty'].isShown != 'N'" style=""><label class="value" ng-bind="dialog.dispatchItem.qty" mdl-toast="{{dialog.dispatchItem.qty}}" mdl-toast-passive="true"></label></div>
                <div item-name="work_date" class="kmi-text-fields condition-panel" style="grid-column-start: span 2">
                    <label class="label" ng-bind="'A02.assigned_date' | translate"></label>
                    <div class="date-panel">
                        <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="dialog.prevDate();">
                            <img src="image/icons/dropleft.png" />
                        </button>
                        <input style="flex: 0 0 130px; text-align: center; margin-top: 2px" ng-value="dialog.work_date |date:'yyyy - MM - dd'" readonly="" ng-click="dialog.changeDate();" />
                        <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="dialog.nextDate();">
                            <img src="image/icons/dropright.png" />
                        </button>
                    </div>
                </div>
                <div class="mdd-list c-mdd-list" null="" ng-show="dialog._event['machineList'].isShown != 'N'" style="height:{{dialog._event['A07_MachineList'].GetfillHeight()}};grid-column-start:span 4;" list-name="A07_MachineList_List" list-bind="dialog.machineList" list-alias="dialog.machineList" enable-select="N" select-all="N" page-name="" page-type="Dialog" _transclude-elem="[object Object]">
                    <div class="kmi-list column-selector" kmi-scrollbar="388px" column-selector-id="A07_MachineList_List" style="flex: 1">
                        <div class="kmi-list__header">
                            <div item-name="load_status" class="kmi-list__column width-fixed" style="flex: 0 0 28px"></div>
                            <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.machineList.machine_no'].isShown != 'N'">
                                <div class="filter" ng-show="dialog._objmachineList.header[1].isFilter">
                                    <input ng-model="dialog._objmachineList.filterColumns['machine_no']" />
                                    <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objmachineList.header[1].isFilter = false;dialog._objmachineList.filterColumns['machine_no'] = '';">clear</i>
                                </div>

                                <div class="order" ng-hide="dialog._objmachineList.header[1].isFilter">
                                    <i class="material-icons search" style="z-index: 1" ng-click="dialog._objmachineList.header[1].isFilter = true">search</i>
                                    <label ng-bind="'A07_MachineList_List.columns.machine_no' | translate"></label>
                                    <i class="material-icons" ng-show="dialog._objmachineList.queryOrder == 1">{{!dialog._objmachineList.header[1].order?'':''}}</i>
                                    <div class="kmi-can-click" ng-click="dialog.orderResult(1, 'machine_no', 'dialog._objmachineList');"></div>
                                </div>
                            </div>
                            <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.machineList.machine_name'].isShown != 'N'">
                                <div class="filter" ng-show="dialog._objmachineList.header[2].isFilter">
                                    <input ng-model="dialog._objmachineList.filterColumns['machine_name']" />
                                    <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objmachineList.header[2].isFilter = false;dialog._objmachineList.filterColumns['machine_name'] = '';">clear</i>
                                </div>

                                <div class="order" ng-hide="dialog._objmachineList.header[2].isFilter">
                                    <i class="material-icons search" style="z-index: 1" ng-click="dialog._objmachineList.header[2].isFilter = true">search</i>
                                    <label ng-bind="'A07_MachineList_List.columns.machine_name' | translate"></label>
                                    <i class="material-icons" ng-show="dialog._objmachineList.queryOrder == 2">{{!dialog._objmachineList.header[2].order?'':''}}</i>
                                    <div class="kmi-can-click" ng-click="dialog.orderResult(2, 'machine_name', 'dialog._objmachineList');"></div>
                                </div>
                            </div>
                            <div class="kmi-list__column head-controls" style="flex: 1 1 0%" ng-show="dialog._event['dialog.machineList.capacity'].isShown != 'N'">
                                <div class="filter" ng-show="dialog._objmachineList.header[3].isFilter">
                                    <input ng-model="dialog._objmachineList.filterColumns['capacity']" />
                                    <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objmachineList.header[3].isFilter = false;dialog._objmachineList.filterColumns['capacity'] = '';">clear</i>
                                </div>

                                <div class="order" ng-hide="dialog._objmachineList.header[3].isFilter">
                                    <i class="material-icons search" style="z-index: 1" ng-click="dialog._objmachineList.header[3].isFilter = true">search</i>
                                    <label ng-bind="'A07_MachineList_List.columns.capacity' | translate"></label>
                                    <i class="material-icons" ng-show="dialog._objmachineList.queryOrder == 3">{{!dialog._objmachineList.header[3].order?'':''}}</i>
                                    <div class="kmi-can-click" ng-click="dialog.orderResult(3, 'capacity', 'dialog._objmachineList');"></div>
                                </div>
                            </div>
                            <div class="kmi-list__column head-controls" style="flex: 1 1 0%" ng-show="dialog._event['dialog.machineList.used_capacity'].isShown != 'N'">
                                <div class="filter" ng-show="dialog._objmachineList.header[4].isFilter">
                                    <input ng-model="dialog._objmachineList.filterColumns['used_capacity']" />
                                    <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objmachineList.header[4].isFilter = false;dialog._objmachineList.filterColumns['used_capacity'] = '';">clear</i>
                                </div>

                                <div class="order" ng-hide="dialog._objmachineList.header[4].isFilter">
                                    <i class="material-icons search" style="z-index: 1" ng-click="dialog._objmachineList.header[4].isFilter = true">search</i>
                                    <label ng-bind="'A07_MachineList_List.columns.used_capacity' | translate"></label>
                                    <i class="material-icons" ng-show="dialog._objmachineList.queryOrder == 4">{{!dialog._objmachineList.header[4].order?'':''}}</i>
                                    <div class="kmi-can-click" ng-click="dialog.orderResult(4, 'used_capacity', 'dialog._objmachineList');"></div>
                                </div>
                            </div>
                            <div class="kmi-list__column head-controls" style="flex: 1 1 0%" ng-show="dialog._event['dialog.machineList.machine_load'].isShown != 'N'">
                                <div class="filter" ng-show="dialog._objmachineList.header[5].isFilter">
                                    <input ng-model="dialog._objmachineList.filterColumns['machine_load']" />
                                    <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objmachineList.header[5].isFilter = false;dialog._objmachineList.filterColumns['machine_load'] = '';">clear</i>
                                </div>

                                <div class="order" ng-hide="dialog._objmachineList.header[5].isFilter">
                                    <i class="material-icons search" style="z-index: 1" ng-click="dialog._objmachineList.header[5].isFilter = true">search</i>
                                    <label ng-bind="'A07_MachineList_List.columns.machine_load' | translate"></label>
                                    <i class="material-icons" ng-show="dialog._objmachineList.queryOrder == 5">{{!dialog._objmachineList.header[5].order?'':''}}</i>
                                    <div class="kmi-can-click" ng-click="dialog.orderResult(5, 'machine_load', 'dialog._objmachineList');"></div>
                                </div>
                            </div>
                            <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.machineList.inputQty'].isShown != 'N'">
                                <div class="filter" ng-show="dialog._objmachineList.header[6].isFilter">
                                    <input ng-model="dialog._objmachineList.filterColumns['inputQty']" />
                                    <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objmachineList.header[6].isFilter = false;dialog._objmachineList.filterColumns['inputQty'] = '';">clear</i>
                                </div>

                                <div class="order" ng-hide="dialog._objmachineList.header[6].isFilter">
                                    <i class="material-icons search" style="z-index: 1" ng-click="dialog._objmachineList.header[6].isFilter = true">search</i>
                                    <label ng-bind="'A07_MachineList_List.columns.inputQty' | translate"></label>
                                    <i class="material-icons" ng-show="dialog._objmachineList.queryOrder == 6">{{!dialog._objmachineList.header[6].order?'':''}}</i>
                                    <div class="kmi-can-click" ng-click="dialog.orderResult(6, 'inputQty', 'dialog._objmachineList');"></div>
                                </div>
                            </div>
                        </div>
                        <div class="kmi-list__row-content">
                            <div class="kmi-list__row" id="A07_MachineList_List_result_list" ng-repeat="item in dialog._event['dialog.machineList'].getPages(dialog.machineList, dialog._objmachineList.PageConfig, dialog._objmachineList.filterColumns, dialog._objmachineList.header[dialog._objmachineList.queryOrder]) track by $index" ng-class="{'is-select':dialog._event['dialog.machineList'].checkSelect(item, {index:$index, event:$event})}">
                                <div item-name="load_status" class="kmi-list__column" style="flex: 0 0 28px">
                                    <div class="dashboard-light-panel" ng-class="[dialog.mlightColor(item.load_status)]"></div>
                                </div>
                                <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="dialog._event['dialog.machineList.machine_no'].isShown != 'N'">{{item.machine_no}}</div>
                                <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="dialog._event['dialog.machineList.machine_name'].isShown != 'N'">{{item.machine_name}}</div>
                                <div item-name="capacity" class="kmi-list__column" style="flex: 1" ng-bind="item.capacity+'HR'"></div>
                                <div item-name="used_capacity" class="kmi-list__column" style="flex: 1" ng-bind="item.used_capacity+'HR'"></div>
                                <div item-name="machine_load" class="kmi-list__column" style="flex: 1" ng-bind="item.machine_load+'%'"></div>
                                <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="dialog._event['dialog.machineList.inputQty'].isShown != 'N'">
                                    <div class="kmi-text-fields">
                                        <input type="text" readonly="" ng-model="item.inputQty" ng-click="dialog._event['dialog.machineList.inputQty'].click(item.inputQty, {eventScope:item, event:$event, index:$index});" />
                                    </div>
                                </div>
                                <div class="kmi-can-click" ng-click="dialog._event['dialog.machineList'].rowClick(item, {index:$index, event:$event});"></div>
                            </div>
                        </div>
                    </div>
                    <div class="page-content">
                        <div class="page-icon">
                            <img src="image/icons/dropleft.png" />
                            <div class="kmi-can-click" ng-click="dialog.prevPage(dialog._objmachineList.PageConfig);"></div>
                        </div>
                        <label ng-bind="dialog.pageInfo(dialog._objmachineList.PageConfig);"></label>
                        <div class="page-icon">
                            <img src="image/icons/dropright.png" />
                            <div class="kmi-can-click" ng-click="dialog.nextPage(dialog._objmachineList.PageConfig);"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mdd-button-tool">
                <div class="tool-bar"></div>
                <div class="tool-bar" style="justify-content: flex-end">
                    <div class="kmi-button kmi-button-confrim btn-confirm" ng-disabled="dialog._fn['Execute'].isDisabled == 'Y'" ng-hide="dialog._fn['Execute'].isShown == 'N'" style="width: 100px">
                        <label ng-bind="'common.btn.confirm' | translate"></label>
                        <div class="kmi-can-click" ng-click="dialog._fn['Execute'].click('Execute');"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
